<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib uri="http://www.springframework.org/tags" prefix="t"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<%@include file="../../template/estilos.jsp"%>
<%@include file="../../template/script.jsp" %>

<script type="text/javascript">
	var oTable;
	oTable = $(document).ready(function() {
		$('#table_id').dataTable({
			"bProcessing" : true,
			"bServerSide" : true,
			//"bJQueryUI" : true,
			"bAutoWidth" : true,
			//"sPaginationType" : "full_numbers",
			"sAjaxSource" : "/controller/cliente/ajax",
			"fnServerData" : function(sSource, aoData, fnCallback) {
				$.ajax({
					"dataType" : 'json',
					"type" : "POST",
					//"url": sSource,
					"url" : "/controller/cliente/ajax",
					"data" : aoData,
					"success" : fnCallback
				});
			}
		});
	});
</script>

<title>Insert title here</title>
</head>
<body class="page-header-fixed">
	<%@include file="../../template/header.jsp"%>

	<div class="page-container">
		<%@include file="../../template/sidebar.jsp"%>
		<div class="page-content">
			<div class="container-fluid">
				<div class="row-fluid">
					<div class="span12">
						<div class="portlet box blue">
						<div class="portlet-title">
								<div class="caption"><i class="icon-globe"></i>Lista de clientes</div>
								<div class="actions">
<!-- 									<div class="btn-group">
										<a data-toggle="dropdown" href="#" class="btn">
										Columns
										<i class="icon-angle-down"></i>
										</a>
										<div class="dropdown-menu hold-on-click dropdown-checkboxes pull-right" id="sample_2_column_toggler">
											<label><div class="checker"><span class="checked"><input type="checkbox" data-column="0" checked=""></span></div>Rendering engine</label>
											<label><div class="checker"><span class="checked"><input type="checkbox" data-column="1" checked=""></span></div>Browser</label>
											<label><div class="checker"><span class="checked"><input type="checkbox" data-column="2" checked=""></span></div>Platform(s)</label>
											<label><div class="checker"><span class="checked"><input type="checkbox" data-column="3" checked=""></span></div>Engine version</label>
											<label><div class="checker"><span class="checked"><input type="checkbox" data-column="4" checked=""></span></div>CSS grade</label>
										</div>
									</div>  -->
								</div>
							</div>
							<div class="portlet-body">
								<div id="sample_2_wrapper"
									class="dataTables_wrapper form-inline" role="grid">
									<table id="table_id"
										class="table table-striped table-bordered table-hover table-full-width dataTable"
										aria-describedby="sample_1_info">
										<thead>
											<tr>
												<th>Id</th>
												<th>Nombre</th>
												<th>Apellido</th>
												<th>Fecha de registro</th>

											</tr>
										</thead>
										<tbody>
											<tr>
												<td colspan="5" class="dataTables_empty">Loading data
													from server</td>
											</tr>
										</tbody>
										<tfoot>
											<tr>
												<th>Id</th>
												<th>Nombre</th>
												<th>Apellido</th>
												<th>Fecha de registro</th>
											</tr>
										</tfoot>
									</table>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>

		</div>
	</div>
	<%@include file="../../template/footer.jsp"%>

</body>
</html>
